<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>{$goodsData.gname}</title>
	<link rel="stylesheet" type="text/less" href="__TEMPLATE__/style/main.less" />
	<link rel="stylesheet" href="__TEMPLATE__/style/bootstrap.min.css" />
	<link rel="stylesheet" href="__TEMPLATE__/style/font-awesome.min.css">
	<script type="text/javascript" src="__TEMPLATE__/js/less-1.7.5.min.js"></script>
	<script type="text/javascript" src="__TEMPLATE__/js/jquery-1.7.2.min.js"></script>
	<script type="text/javascript" src="__TEMPLATE__/js/main.js"></script>
	<link href="__TEMPLATE__/style/star-rating.css" media="all" rel="stylesheet" type="text/css"/>
	<hdjs>
</head> 
<body>
<!-- 头部开始 -->
<include file="__TEMPLATE__/head.html"/>
<a name="buy"></a>
<!-- 头部结束 -->
<!-- 内页位置开始 -->
<div id="postion">
	<a href="__ROOT__">首页</a>/
	<a href="{|U:'List/index',array('cid'=>$cateInfo['cid'])}">{$cateInfo.cname}</a>/
	<a href="{|U:'Goods/index',array('gid'=>$goodsData['gid'])}">{$goodsData.gname}</a>/
</div>
<!-- 内页位置结束 -->
<!-- 产品详情页面开始 -->
<div id="shop">
	<div class="top">
		<div class="img">
			<div class="big_pic">
				<foreach from="$detailData['pic']" key='$key' value="$v">
					<if value='$key<1'>
						<img src="__ROOT__/{$v}" alt="" width="350" height="350" />
					</if>
				</foreach>
			</div>
			<div class="small_pic">
				<ul>
					<foreach from="$detailData['pic']" value="$v">
						<li><img src="__ROOT__/{$v}" alt="" /></li>
					</foreach>
				</ul>
			</div>
			<span class="shop_turn_left"></span>
			<span class="shop_turn_right"></span>
		</div>
		<div class="info">
			<div class="addshop" style="display:none">
				<img src="__ROOT__/{$goodsData.pic}" alt="" width="70">
			</div>
			<h1>{$goodsData.gname}</h1>
			<p class="price">{$goodsData.shopprice}元
			</p>
			<input type="hidden" name="shopprice" value="{$goodsData.shopprice}" />
			<p>市场价: 
				<del>
				{$goodsData.marketprice} 
				</del> 
				库存: 
				<span class='inventory'>{$goodsCount}</span>
			</p>
			<div class="star">
				<div data-content="" class="rating-container rating-gly-star" style="font-size:14px">
					<div style="width:{$goodsData.rank}%;" data-content="" class="rating-stars">
						
					</div>
				</div>
			<a href="">{$goodsData.cnum}人评价</a> | <a href="">{$goodsData.click}个提问</a></div>
			<div class="shop_other">
				<ul>
					<foreach from="$typeAttr" value='$v'>
						<li>
							<p>{$v.tname}</p>
							<foreach from="$v['option']" key='$k' value='$value'>
								<span  gaid='{$value.gaid}' <if value="$k eq 0">class='select'</if>>{$value.gtvalue}<input type="hidden" name="added" value="{$value.added}" /></span>
							</foreach>
						</li>
					</foreach>
				</ul>
				<input type="hidden" name="gid" value="{$goodsData.gid}" />
			</div>
			<p class="shop_cart">
				<a class="cart_shop" href="javascript:;">
					<input type="hidden"  name="inventory"  value="0" />
					<input type="hidden"  name="glid"  value="0" />
					<i class="fa fa-plus"></i> 
				加入购物车
				</a>
				<a class="store" id='store' gid='{$goodsData.gid}' href="javascript:;" title="收藏商品">
				<i class="fa fa-heart"></i>
				</a>
			</p>
			<p class="more">
				<a href="{|U:'List/index',array('cid'=>$cateInfo['cid'])}"><i class='fa fa-th-large'></i> 更多同类产品</a>
			</p>
		</div>
	</div>
	<div class="center">
		<div class="recommend">
			<div class="browse">
				<h2>最近浏览</h2>
				<ul>
					<foreach from='$browseData' value='$v'>
						<li><a href="{|U:'Goods/index',array('gid'=>$v['gid'])}"><img src="__ROOT__/{$v.pic}" alt="{$v.gname}" /></a></li>
					</foreach>
				</ul>
			</div>
			<div class="other">
				<h2>同类型的手机</h2>
				<ul>
					<foreach from='$goodsArr' value="$v">
						<li>
							<a href="{|U:'Goods/index',array('gid'=>$v['gid'])}">
								<img src="__ROOT__/{$v.pic}" alt="" / width="80">
								<p class="title">{$v.gname}</p>
								<p>{$v.shopprice}</p>
								<p class="star"><span></span></p>
							</a>
						</li>
					</foreach>
				</ul>
			</div>
		</div>
		<div class="details">
			<div class="box_hd">
				<ul>
					<li><a href="#content" style="color: #FF4A00;">详细信息</a></li>
					<li><a href="#parameter">规格参数</a></li>
					<li><a href="#assess">评价晒单</a></li>
					<li><a href="#ask">商品提问</a></li>
					<li><a href="#question">售后服务</a></li>
				</ul>
			</div>
			<a name="content"></a>
			<div class="content">
				{$detailData.intro}
			</div>
			<div class="parameter">
				<a name="parameter"></a>	
				<h2>规格参数</h2>
				<table>
					<tr>
						<td width="300px">商品编号</td>
						<td width="600px">1140900002</td>
					</tr>
					<tr>
						<td>颜色</td>
						<td>紫红</td>
					</tr>
				</table>
			</div>
			<div class="parameter">
				<a name="parameter"></a>	
				<h2>售后问题</h2>
				{$detailData.service}
			</div>
			<a name="assess"></a>
			<div class="assess">
				
				<h2>用户评价</h2>
				<!-- <div class="score"> -->
					
				<!-- </div> -->
				<ul class="assess_list">
					<if value='$commentData'>
						<foreach from="$commentData" value='$v' >
							<li>
								<a href="">
									<img src="__ROOT__/{$v.pic}" alt="" width="55" />
									<span>{$v.uname}</span>
								</a>
								<div class="a_star">
									<div data-content="" class="rating-container rating-gly-star" style="font-size:14px">
										<div style="width:{$v.star}%;" data-content="" class="rating-stars">
										</div>
									</div>
								</div>
								<p class="a_content">{$v.content}</p>
								<p class="a_time">{$v.time}</p>
							</li>
						</foreach>
					<else/>
					<span class='null'>当前商品没有评价</span>
					</if>
				</ul>
			</div>
			<a name="ask"></a>
			<div class="ask">
				
				<h2>产品提问</h2>
				<ul class="ask_list">
					<if value="$askData">
						<foreach from="$askData" value="$v">
							<li>
								<p class="shop_ask"><span>Q</span>{$v.content}</p>
								<p class="shop_answer"><span>A</span><if value='$v[answer]'>{$v.answer}<else/>拼命的等待客服回复...</if></p>
								<p class="a_time">{$v.time}</p>
							</li>
						</foreach>
					<else/>
					<span class='null'>当前商品没有提问</span>
					</if>

				</ul>
				<form action="">
					<span><i class="fa fa-question-circle"></i>我要提问</span>
					<input class="text" placeholder="您的提问将会发给已经购买者、小米官方客服和产品经理" type="text" name="gask">
					<input type="button" class="askbtn" value="向购买者提问"  gid='{$goodsData.gid}'/>
				</form>
			</div>
			<a name="question"></a>
			<div class="question">
				<h2>常见问题</h2>
				<p class="title">如何挑选商品？</p>
				<p>点击页面上方“加入购物车”按钮或页面下拉时顶部导航上的“加入购物车”按钮将商品加入购物车，再点击页面右上角的“购物车”前往购物车页面进行结算。</p>
				<p class="title">收藏商品功能</p>
				<p>点击“收藏按钮”后，按钮中的白心亮起,背景由黑色变为黄色代表收藏成功，再次点击取消收藏。您可在“个人中心”中的我的收藏查看所有收藏商品。</p>
				<p class="title">维修网点销售配件吗？</p>
				<p>所有授权维修网点具备维修手机标配里配件的功能，部分指定授权维修网点可销售标配及部分官网配件，具体销售的产品及价格请以修网点信息为准。</p>
				<p class="title">退换货办理流程</p>
				<p>您可拨打小米客服中心400-100-5678与客服人员沟通，或登录小米网“我的订单” ->“订单详情”下方点击“申请售后服务”并填写相应信息，小米看到您的申请，会安排工作人员与您进行退换货质量确认并办理相关事宜.</p>
			</div>
		</div>
	</div>
</div>
<!-- 产品详情页面结束 -->
<!-- 固定导航开始 -->
<div id="goods_fixed" style="display:none;">
	<div class="box">
		<div class="left">
			<img src="__ROOT__/{$goodsData.pic}" alt="" width="40" height="40" />
			<p>{$goodsData.gname}</p>
			<p class="price">{$goodsData.shopprice}元</p>
		</div>
		<div class="right">
			<ul>
				<li><a href="#content" style="color: #FF4A00;">详细信息</a></li>
				<li><a href="#parameter">规格参数</a></li>
				<li><a href="#assess">评价晒单</a></li>
				<li><a href="#ask">商品提问</a></li>
				<li><a href="#question">售后服务</a></li>
			</ul>
			<p class="shop_cart">
				<a class="cart_shop" href="#buy"><i class="fa fa-plus"></i> 加入购物车</a>
			</p>
		</div>
	</div>
</div>
<!-- 固定导航结束 -->
<!-- // 服务样式开始 -->
<include file="__TEMPLATE__/footer.html"/>
<!-- // 服务样式结束 -->
</body>
</html>